* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
}
// 清楚input样式
@mixin inp {
  outline-style: none;
  border: none;
}

// 字体样式
/***
  $w字体加粗
  $size字体大小
  $color字体颜色
  $position字体左右位置
  $lingheight字体行高垂直位置
  */
@mixin size($w, $size, $color, $position, $lingheight) {
  font-weight: $w;
  font-size: $size;
  color: $color;
  text-align: $position;
  line-height: $lingheight;
}

@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

// ========头部区域========
.header {
  height: 45px;
  padding-top: 22px;
  padding-bottom: 22px;
  background-color: #ffffff;
  .logo {
    @include wh(1200px, 45px);
    margin: 0 auto;

    .login {
      float: left;
      @include wh(72px, 45px);
    }
    .Login-details {
      float: right;
      @include size(400, 12px, #666666, center, 45px);
      .pic {
        float: left;
        margin-top: 12px;
        margin-right: 5px;
      }
    }
  }
}

// ========登录区域=========
.login-newbg {
  height: 600px;
  margin: 0 auto;
  background: url(../static/123.jpg) no-repeat;
  background-position: 50%;
  .content-layout {
    @include wh(1200px, 600px);
    position: relative;
    margin: 0 auto;
    .Loginbox {
      @include wh(350px, 370px);
      position: absolute;
      right: 70px;
      top: 150px;
      opacity: .9;
      background-color: #fffbfd;
    }
    .Loginbox2 {
      width: 300px;
      height: 302px;
      margin: 25px;
      position: relative;
     .yhmtishi{
      margin-left: 40px;
     }
     .mimatishi{
      margin-left: 40px;
      margin-bottom: 30px;
      
     }
    

      .password-tab-item {
        height: 18px;
        line-height: 5px;
        font-size: 16px;
        color: #3c3c3c;
        margin: 9px 10px 0 0;
        font-weight: 700;
        border-bottom: 2px solid #3c3c3c;
      }
      .sms-tab-item {
        height: 18px;
        line-height: 5px;
        font-size: 16px;
        color: #3c3c3c;
        margin: 9px 10px 0 0;
        font-weight: 700;
      }

      .login-form {
        @include wh(300px, 270px);
        margin-top: 30px;
        position: relative;
       .ewm{
         position: absolute;
         right: -25px;;
         top: -76px;
       }
       .ewm1{
        position: absolute;
        right: 24px;;
        top: -76px;
      }

        .fm-field {
          @include wh(298px, 40px);
          border: 1px solid #f1eeee;
          .yhm {
            @include wh(248px, 100%);
            outline-style: none;
            border: none;
            float: right;
            padding-left: 50px;
          }
          .yhmpic {
            position: absolute;
            @include wh(40px, 40px);
          }
        }
        // 密码
        .fm-login-password {
          @include wh(298px, 40px);
          border: 1px solid #f1eeee;
          position: relative;
          margin-top: 30px;
          // margin-bottom: 30px;
          .mimapic {
            position: absolute;
            @include wh(40px, 40px);
          }
          .mima {
            @include wh(248px, 100%);
            outline-style: none;
            border: none;
            float: right;
            padding-left: 50px;
          }
        }

        //   登录按钮
        .fm-btn {
          margin-bottom: 30px;
          .fm-button {
            border: 1px solid #ff9000;
            border-radius: 3px;
            font-size: 20px;
            height: 42px;
            line-height: 42px;
            outline: none;
            color: #fff;
            width: 100%;
            cursor: pointer;
            background-color: #ff4400;
          }
        }

        // 登录选项
        .login-blocks {
          @include wh(300px, 24px);
          line-height: 24px;
          .one1 {
            margin-right: 15px;
            float: left;
            .wb {
              @include wh(27px, 27px);
              float: left;
              margin-right: 3px;
              margin-top: -1px;
            }
            .wbsize {
              float: left;
              font-size: 12px;
              color: #6c6c6c;
            }
          }
          .two2 {
            margin-right: 15px;
            float: left;
            .zfb {
              @include wh(27px, 27px);
              float: left;
              margin-right: 3px;
              margin-top: -1px;
            }
            .zfbsize {
              float: left;
              font-size: 12px;
              color: #6c6c6c;
            }
          }
        }

        // 注册--找密码用户名
        .login-links {
          @include wh(170px, 18px);
          float: right;
          margin-top: 10px;
          font-size: 12px;
          @include size(12px, 400, #6c6c6c, center, 18px);
          li {
            float: left;
            
          }
          li a {
            color: #6c6c6c;
          }
          li:nth-child(2) {
            margin-left: 5px;
            margin-right: 5px;
          }
        }
      }
    }
  }
}

// 尾部区域
.footers {
  .footer {
    position: relative;
    margin: 60px auto 0;
    padding: 7px 0 9px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 1200px;
    height: 24px;
    .nav1 {
      a {
        // float: left;
        padding: 10px;
        color: #6c6c6c;
        font-size: 12px;
        &:hover {
          color: #ff9000;
        }
      }
    }

    .footer-bd {
      width: 100%;
      height: 120px;
      margin-top: 10px;
      .nav2 {
        position: relative;
        top: 10px;
        width: 100%;

        li {
          float: left;
          padding: 5px;
          font-size: 12px;
        }
        li a {
          font-size: 12px;
          color: #6c6c6c;
          &:hover {
            color: #ff9000;
          }
        }

        .fenge {
          position: absolute;
          right: 485px;
        }
        .banquan {
          color: #9c9c9c;
          margin-left: 30px;
        }
      }
      .nav3 {
        position: relative;
        top: 10px;
        width: 100%;

        li span {
          float: left;
          padding: 5px;
          font-size: 12px;
          color: #6c6c6c;
          &:hover {
            color: #ff9000;
            cursor: pointer;
          }
        }
        .banquan2 {
          float: left;
          line-height: 12px;
          font-size: 12px;
          color: #9c9c9c;
          margin-top: 7px;
        }
        .fenge1 {
          position: absolute;
          right: 430px;
          top: 26px;
        }
        .banquan1 {
          font-size: 12px;
          color: #9c9c9c;
          margin-left: 30px;
        }
      }
      .nav4 {
        width: 100%;
        //    position: relative;
        //    top: 15px;
        margin-top: 15px;
        float: left;

        li {
          float: left;
          font-size: 12px;
          color: #9c9c9c;
        }
      }
      .nav5 {
        width: 100%;
        margin-top: 15px;
        float: left;
        li {
          float: left;
          font-size: 12px;
          color: #9c9c9c;
          padding: 0 5px;
        }
        li a {
          color: #6c6c6c;
          &:hover {
            color: #ff9000;
          }
        }
      }

      .nav6 {
        float: left;
    margin-left: 100px;
    margin-top: 10px;
  
       li{
           margin-left: 15px;
           float: left;
       }
        li:nth-child(1){
         
            width: 36px;
            height: 40px;
            background:url(../static/t1.gif);
        }
        li:nth-child(2){
           
            @include wh(36px,40px);
            background:url(../static/daty.jpg) no-repeat -40px 0;
        }
        li:nth-child(3){
           
            @include wh(30px,40px);
            margin-left: 15px;
           background:url(../static/daty.jpg) no-repeat 0 0;
        
        }
        li:nth-child(4){
           
            @include wh(50px,40px);
            margin-left: 15px;
           background:url(../static/daty.jpg) no-repeat -81px 0;
        
        }
        li:nth-child(5){
           
            @include wh(83px,40px);
            margin-left: 15px;
           background:url(../static/daty.jpg) no-repeat -140px 0;
        
        }
        li:nth-child(6){
           
            @include wh(250px,40px);
            margin-left: 15px;
           background:url(../static/daty.jpg) no-repeat -400px 0;
        
        }
        li:nth-child(7){
           
            @include wh(105px,40px);
            margin-left: 15px;
           background:url(../static/daty.jpg) no-repeat -650px 0;
        
        }
        li:nth-child(8){
           
            @include wh(82px,40px);
            margin-left: 15px;
           background:url(../static/daty.jpg) no-repeat -340px 0;
        
        }
        li:nth-child(9){
           
            @include wh(97px,40px);
            margin-left: 15px;
           background:url(../static/daty.jpg) no-repeat -760px 0;
        
        }
      }
    }
  }
}
